// 作业: 1. 利用课上学生列表接口(需要有loading) 写个表格
//       2. 筛选出年纪大于  18 的
//      3. 请求数据之后要放到本地存储中
//      4. 刷新的时候需要判断是否本地存储有数据,有数据的话不发请求
Page({
  data: {
    students: []
  },
  // 页面刷新的时候
  onLoad() {
    // 获取本地存储
    let stuList = wx.getStorageSync('stu')
    // 判断本地有没有数据
    if (!stuList) {
      // 就不执行发送请求操作
      this.getList()
    } else {
      this.setData({
        // 如果本地有数据  进行渲染给绑定的遍历对象
        students: stuList,
      })
    }
  },
  // 封装了请求数据方法
  getList() {
    // 发送请求前的弹窗提示
    wx.showLoading({
      title: '等一下',
    })
    // 发请求
    wx.request({
      url: 'https://mock.boxuegu.com/mock/3293/students',
      method: 'GET',
      // 这里的 this 的原因,推荐使用箭头函数
      success: (res) => {
        this.setData({
          students: res.data.result,
        })
        //把数据存到本地
        wx.setStorageSync('stu', res.data.result)
      }
    })
    // 请求完之后关闭
    wx.hideLoading()
  }
})